<!DOCTYPE html>
<html>
<head lang="en">
	<style type="text/css">
		#singleFile{border:1px solid #F00; width:600px; min-height:200px;} 
		#multipleFile{border:1px solid #000; width:600px; min-height:200px;}
		#customFile{border:1px solid #000; width:600px; min-height:200px;}

	p{clear : left;}
	h3,h4{ text-align:center}
    #logout {
        margin:10px 0 0 10px;
        background:blueviolet;
        color:#ffc0cb;
        width:150px;
        height:30px;
        font:14px Verdana, Arial, Helvetica, sans-serif;
        }
	</style>
    <meta charset="UTF-8">
    <title>数据清洗v2.0</title>
</head>
<body>
    <h3 >测试文件请使用正确的命名规范xxx.doc或xxx.docx</h3>
    <h4 >请使用Chrome或Firefox</h4>
	
	请选择待处理文件类型：<select id="sel" onChange="chg()">
	<option value="">请选择处理模式</option>
	<option value="" disabled>------------------------------------</option>
	<!--<option value="single">单文件多公司信息</option>
	<option value="multiple">批量处理单文件单公司信息</option>
	-->
	<option value="custom">自定义分割标志</option>
	</select>

    <div id="customFile" style="display:none">
		<h4 >请上传自定义格式文件及内容文件</h4>
		<hr/>
		<form method="post" action="customuploadhandle" enctype="multipart/form-data" >
			上传格式文件(txt)：<input type="file" name="customfile" /><br/><br/>
            上传内容文件(doc/docx)：<input type="file" name="contentfile"/><br /><br />
			<input type="submit" value="提交"/>
		</form>
	</div>
    <br>
    <br>
    <br>
    <br>
    <input type="button" value="退出" id="logout"
onclick="javascrtpt:window.location.href='logout'">
{% include "share/footer.html" %}
</body>
<script>
function chg(){
	if(document.getElementById("sel").value=="single"){
		document.getElementById("singleFile").style.display="";
		document.getElementById("multipleFile").style.display="none";
		document.getElementById("customFile").style.display="none";
	}else if (document.getElementById("sel").value=="multiple")
	{
		document.getElementById("singleFile").style.display="none";
		document.getElementById("multipleFile").style.display="";
		document.getElementById("customFile").style.display="none";
	}else
	{
		document.getElementById("customFile").style.display="";
		document.getElementById("singleFile").style.display="none";
		document.getElementById("multipleFile").style.display="none";
	}
}
</script>

</html>